<template>
    <div>
        <div>{{ msg }}</div>
        <Foo></Foo>
        <Count></Count>
    </div>
</template>
<script>
import Foo from '../componets/Foo.vue'
import Count from '../componets/Count.vue'
export default {
    name: "About",
    components: {
        Foo,
        Count
    },
    data() {
        return {
            msg: "About"
        };
    },
    mounted() {
        console.log('mount about')
        setTimeout(() => {
            console.log('mount about timer')
        }, 6000)
    },
}
</script>
<style lang="scss" scoped>
div {
    color: lightcoral;
}
</style>